﻿/*login*/
.login-body{
	background:url('login-body-bg.jpg') #fff repeat-x;
}
.login-box{
	background:url('login-box.png') no-repeat;
	width:590px;
	height:348px;
	margin:0 auto;
	margin-top:121px;
	position:relative;
		
}
.login-box-noraml{
	background-position:left -348px;	
}
.login-form{
	width:100%;
	position:absolute;
	bottom:18px;
	font-size:12px;
	right:0;
	padding:5px;
}
.login-form button{
	float:right;
	background:url('login-button.png') transparent no-repeat;
	width:82px;
	height:50px;
	border:0px;
	position:absolute	;
	right:25px;
	bottom:15px;
}
.login-form #testlogin{right:100px;
	bottom:15px;}
#out{right:15px;
	float:right;
	width:90px;
	height:50px;
	border:0px;
	position:absolute	;
	right:5px;
	cursor:pointer;
	top:0px;
	background:url('out.png') transparent no-repeat;}	
.login-form .e{
	color:red;
	text-align:right;
	margin-right:130px;
	padding:10px;
}
.login-form ul{
	margin-right:110px;	
}
.login-form ul li{
	padding:5px;
	text-align:right;
}
.test ul li{
	padding:20px 5px;
	font-size:16px;
	font-weight:bold;
	color:#666666
}
.test ul li input{

}
#num{
	font-size:18px;
	height:20px;
	padding:4px;
}
.test button{
	float:right;
	background:url('test-button.png') transparent no-repeat;
	width:82px;
	height:50px;
	border:0px;
	position:absolute	;
	right:25px;
	bottom:15px;
	cursor:pointer
}

.login-form ul li input{
	width:226px;
	font-size:14px;
}

/*admin*/
.admin-frame{
	overflow:hidden;
	border:1px white solid;
	font-size:12px;
}
/*admin-header*/
.admin-header{
	background:url('admin-header-body-bg.png') #073447	 no-repeat;
	height:99px;
	padding:4px 14px;
	position:relative;
	padding-bottom:0px;
}
.admin-header h1{
	background:url('admin-logo.gif') transparent no-repeat;
	width:270px;
	height:48px;
	text-indent:-9999999px;
	display:block;
	border:0;
}
.admin-header ul{	
	display:block;
	float:left;
	margin-top:3px;
	margin-left:30px;
}
.admin-header ul li{
	float:left;
	display:block;
	padding:10px;
	padding-bottom:0;
}
.admin-header ul li .line{
	display:block;
	height:14px;
	width:1px;
	overflow:hidden;
	background:#C0C4D2;
	float:left;
	margin-left:-3px;
	margin-top:9px;
}
.admin-header ul li a{
	color:#fff;
	display:block;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	padding:10px 0;
	width:90px;
	margin-left:7px;
}
.admin-header ul li.select a:hover{
	background:url('admin-header-tab-bg.png') transparent no-repeat;
	color:#000
}
.admin-header ul li a:hover{
	background:url('admin-header-tab-bg-hover.png'); /* 所有浏览器 */
	>background:url('admin-header-tab-bg-hover.png'); 
	+background:url('admin-header-tab-bg-hover.png'); 
	_background:url('admin-header-tab-bg-hover.gif');
	
	color:#fff
}
.admin-header ul li.select a{
	background:url('admin-header-tab-bg.png') transparent no-repeat;
	color:#000
}
.admin-header-userdata{
	font-size:12px;
	color:#fff;
	position:absolute;
	right:15px;
	top:15px;
}
.admin-header-userdata a{
	color:#fff;
	text-decoration:underline
}


/*admin-content*/
.admin-main-frame-content{
	height:100%;
}
.admin-content{
	background:#F5FCFD;
	font-size:12px;
	color:#666666;
}
/*控制台*/
.admin-content-control{
	width:980px;
	margin:0 auto;
	margin-top:15px;
	display:block;
}
.admin-content-control .caption li{
	float:left;
	display:block;
	padding-left:5px;
	font-size:14px;
}
.admin-content-control .caption li b{
	background:url('admin-control-status.png') top left;
	width:16px;
	height:16px;
	display:block;
	float:left;
	margin-top:-1px;
	margin-right:5px;
}
.admin-content-control .caption li b.status-1{background-position:0 -64px;}
.admin-content-control .caption li b.status-2{background-position:0 -48px;}
.admin-content-control .caption li b.status-3{background-position:0 -31px;}
.admin-content-control .caption li b.status-4{background-position:0 -15px;}
.admin-content-control .caption li b.status-5{background-position:0 1px;}

.admin-content-control .bar{
	float:right;
}

.admin-content-control .panelbox{
	margin-top:10px;
	float:left;
	padding-left:7px;
	padding-bottom:10px;
}
.admin-content-control .panelbox .panel{
	float:left;
	display:block;
	height:98px;
	width:118px;
	border:1px #BBD8E7 solid;
	margin-left:-1px;
	margin-bottom:-1px;
	background:#fff;
	padding:1px;
	cursor:pointer
}
.admin-content-control .panelbox .hover{
	background:#ffffcc;
}
.admin-content-control .panelbox .panel h1{
	padding:2px 5px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	background:#6AD645;
	padding-left:19px;
}
.admin-content-control .panelbox .panel h1 .ip{
	background:url('computer_edit.gif') transparent no-repeat;
	width:16px;
	height:14px;
	overflow:hidden;
	display:none;
	margin-top:3px;
	float:left;
	cursor:pointer;
	margin-left:-15px;
	margin-right:-2px;
}
.admin-content-control .panelbox .panel h1 .ip.hover{
	background-position:0px -19px;
}
.admin-content-control .panelbox .panel h1 .users{
	background:url('users.gif') transparent no-repeat;
	width:16px;
	height:15px;
	overflow:hidden;
	display:none;
	margin-top:3px;
	float:right;
	cursor:pointer;
}
.admin-content-control .panelbox .panel h1 .users.hover{
	background-position:0px -19px;
}
.admin-content-control .panelbox .panel p{
	padding:10px 5px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:170%
}
.admin-content-control .panelbox .panel p span{
	display:block;
	padding:2px 0;
}
.admin-content-control .panelbox .status-1 h1{
	background:url('admin-control-panel-head.png') #ABC7EB repeat-x !important;
}
.admin-content-control .panelbox .status-2 h1{
	background:#6AD645 !important;
}
.admin-content-control .panelbox .status-3 h1{
	background:#E54A5D !important;
}
.admin-content-control .panelbox .status-4 h1{
	background:#F1C44E !important;
}
.admin-content-control .panelbox .status-5 h1{
	background:#333 !important;
}
.admin-content-control-setting{
	padding:10px !important;	
}
.admin-content-control-setting input.file{ padding:3px; width:320px;}
.admin-content-control-setting dt{ padding:5px;}
.admin-content-control-setting dd{ padding:10px;}
.admin-content-control-setting dd .normal{ width:200px; font-size:13px;}
.admin-manage-control-setting{
	padding:5px;	
}
.admin-manage-control-setting dt{ padding:5px;}
.admin-manage-control-setting dd{ padding:5px;}
.admin-manage-control-setting dd textarea{ padding:3px;}
.admin-manage-control-setting dd select{ margin-right:15px; width:80px;}
.admin-manage-control-setting dd .normal{ width:200px; font-size:13px;}

.admin-students-control-setting{}
.admin-students-control-setting dd{ padding:15px; border-bottom:1px dotted #D0D5D8}
.admin-students-control-setting dd input{ margin-bottom:-3px; margin-left:3px; margin-right:18px; width:180px;}
/* panel */
.admin-panel-body{
	padding:10px;
}
.admin-panel{
	width:100%;
	height:100%
	
}
.admin-panel thead td{
	background:url('admin-panel-head.png') transparent no-repeat;
	height:30px;
}
.admin-panel thead td span.round{
	background:url('admin-panel-head.png') transparent no-repeat right top;
	width:6px;
	overflow:hidden;
	height:30px;
	float:right
}
.admin-panel thead td a.btn{
	float:right;
	font-size:12px;
	color:#D54E21;
	margin-top:5px;	
}
.admin-panel thead td a img{
	margin-bottom:-3px;
	margin-right:3px;
}
.admin-panel thead td b{
	font-weight:normal;
	margin-top:10px;
	margin-left:30px;
	float:left;
	font-size:13px;
}
.admin-panel .overflow{
	height:100%;
	overflow:auto;	
	border:1px #BBD8E7 solid;
	background:#fff;
}
.admin-panel .tree{
	font-size:12px;
	padding-top:10px;
	padding-left:10px;
	width:230px;
}
.admin-panel .tree a{
	color:#000;
	text-decoration:none;
	margin:4px;
}
.admin-panel .tree div.MzTreeView div{
	padding:0px;
}
.admin-panel .overflow .bar{
	text-align:center;
	padding:20px 10px;
	display:block
}
.admin-panel .overflow .bar button{
	margin-right:13px;
}
.admin-panel .overflow dl{
	padding:5px 15px;
	font-size:12px;
	text-align:center
}
.admin-panel .overflow dl dt{
	padding:10px 0;
	color:#000;
	text-align:left;
	margin-top:5px
}
.admin-panel .overflow dl dd{
	padding:5px 3px
}
.admin-panel .overflow dl dd input{
	height:16px;
	margin-bottom:-3px;
	width:150px
}
.admin-panel .overflow dl dd select{
	width:170px
}
.admin-panel .overflow .userlist li{
	display:block;
	font-size:12px;	
	width:100%;
	float:left;/*解决IE下空白bug*/
}

.admin-panel .overflow .userlist li a{
	display:block;
	position:relative;
	padding:7px 3px;
	border-bottom:1px solid #E4ECF0;
	text-decoration:none;
	color:#666
}
.admin-panel .overflow .userlist li a img{
	margin-bottom:-3px;
	margin-right:10px;
	margin-left:3px;
}
.admin-panel .overflow .userlist li a:hover{
	background:#ffffcc
}
/*h1*/
h1.title{
	-x-system-font:none;
	font-family:Arial, Helvetica, sans-serif,Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:24px;
	font-size-adjust:none;
	font-stretch:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:35px;
	margin:0;
	padding:14px 15px 3px 0;
	text-shadow:0 1px 0 #FFFFFF;
	text-align:left
}
h1.stat{
	font-size:18px;
	font-family:Verdana;
}
h2.info{ font-size:14px; color:red; display:block; position:relative}
h2.info span{ margin-left:25px; color:#666666}
h1.manage{
	font-size:16px;
	color:#1C6280;
	font-family:宋体, Arial, Helvetica, sans-serif
}
h1.manage span{
color:#666}
/*nav*/
.admin-tablenav{
	clear:both;
	height:30px;
	margin:6px auto;
}
.admin-tablenav select{
	width:100px;
}
.admin-tablenav .admin-tablenav-sum{ float:right; padding:5px; font-size:14px; color:#000}
/*table*/
.admin-table{
	border-collapse:separate;
	border-spacing:0;
	clear:both;
	margin:25px auto;
	width:100%;
	margin-top:15px;
}
.admin-table * {
	word-wrap: break-word;
}

.admin-table thead th{
	table-layout:fixed;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:url('admin-table-thead.png') transparent repeat-x right -31px;
	padding: 7px 7px 6px;
	text-align: left;
	line-height: 1.3em;
	font-weight:bold;
	border-right:1px #BBD8E7 solid;
	font-family:宋体, Arial, Helvetica, sans-serif;
}

.admin-table thead th span.first{
	height:4px;
	margin-top:-7px;
	width:3px;
	overflow:hidden;
	background:url('admin-table-thead.png') transparent repeat-x;
	background-position:left top;
	float:left;
	margin-left:-7px;
}
.admin-table thead th.last{
	background-position:right top;
	border:0;
}

.admin-table tfoot td{
	background:url('admin-table-thead.png') transparent repeat-x left -32px;
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
	font-weight:bold;
	border:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	cursor:default;
	text-align:right
}
.admin-table tfoot td a{
	color:#1C6280;
	font-weight:normal;
	margin:0 10px;
}
.admin-table tfoot td a:hover{
	text-decoration:none;
	color:#000
}
.admin-table tfoot td select{
	width:60px;
	font-weight:normal;
	margin-top:-3px;
}
.admin-table tfoot td span.first{
	height:26px;
	margin-bottom:-9px;
	width:3px;
	overflow:hidden;
	background:url('admin-table-thead.png') transparent repeat-x;
	background-position:left bottom;
	float:left;
	margin-left:-7px;
}
.admin-table tfoot td.last{
	background-position:right bottom
}


.admin-table td,
.admin-table th {
	font-size: 12px;
	vertical-align: text-top;
}
.admin-table td{
	vertical-align: top;
}
.admin-table tbody{
	background:#fff
}
.admin-table tbody td{
	padding: 7px 7px 10px;
	vertical-align: top;
	border-bottom:1px solid #BBD8E7;
	white-space:normal;
 word-break:break-all;
}
.admin-table tbody td label{
	display:block;
	cursor:pointer
}
.admin-table tbody td.first{
	border-left:1px solid #BBD8E7;
	padding: 7px 12px 5px;
}
.admin-table tbody td.last{
	border-right:1px solid #BBD8E7;
}
/*contentpanel*/
.admin-contentpanel{
	width:100%;
	margin:25px auto;
}
.admin-contentpanel .overflow{
	border:1px solid #BBD8E7;
	background:#fff; 
	padding:10px;
	clear:both
}
.admin-contentpanel .help{
	padding:20px;
}
.admin-contentpanel .help img{
	float:left;
	margin-right:15px;
}
.admin-contentpanel .help p{
	line-height:180%;
}
.admin-contentpanel h2{
	font-weight:bold;
	background:url('admin-table-thead.png') transparent repeat-x right top;
	padding: 8px 7px 8px;
	clear:both;
	text-align:left
}
.admin-contentpanel h2 span.round{
	height:28px;
	margin-top:-8px;
	width:3px;
	overflow:hidden;
	background:url('admin-table-thead.png') transparent repeat-x;
	background-position:left top;
	float:left;
	margin-left:-7px;

	
}
/*icon*/
div.icon{
	background:url('icons32-vs.png') transparent no-repeat;
	float:left;
	height:36px;
	margin:14px 6px 0 0;
	width:36px;
}
#account{
	background-position:-600px -5px;
}
#stat{
	background-position:-310px -5px;
}
#manage{
	background-position:-375px -5px;
}
/*account*/
ul.accountlist{
	margin-bottom:25px;
	clear:both;
	padding-bottom:15px;
	padding-left:10px;
}
ul.accountlist li{
	float:left;
	padding:10px 10px;
	text-align:right
}
ul.accountlist li input{
	width:150px;
	height:16px;
	margin-bottom:-4px;
}
ul.accountlist li input{
	margin-left:0px;
}
ul.accountlist li select{
	font-size:13px;
	width:155px;
	height:22px;
}
ul.accountlist li label{
}
/*input*/
input.normal{
	border:1px #6C91C5 solid;
	padding:3px;
	height:18px;	
}
textarea.normal{
	border:1px #6C91C5 solid;
	padding:3px;
}
input.date{
	background:url('calendar_view_day.gif') #fff no-repeat right 3px;
	cursor:pointer;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
}
button.normal{
	background:url('admin-button-normal.gif') transparent no-repeat;
	border:0;
	cursor:pointer;
	padding:4px 7px;
	padding-right:3px;
	height:22px;
	margin:0 5px;
	position:relative
}
button.blue{
	background:url('admin-button-normal-blue.gif') transparent no-repeat;
	color:#fff;
	border:0;
	cursor:pointer;
	padding:4px 7px;
	padding-right:3px;
	height:22px;
	margin:0 5px;
	margin-right:10px;
	position:relative;
	text-align:center
}

button.normal img{
	margin-bottom:-4px;
	margin-right:5px;
}
button.normal span{
	width:12px;
	height:22px;
	background:url('admin-button-normal.gif') transparent no-repeat;
	background-position:right top;
	display:block;
	position:absolute;
	right:-7px;
	top:0;

}
button.blue span{
	background:url('admin-button-normal-blue.gif') transparent no-repeat;
	background-position:right top;
	display:block;
	position:absolute;
	right:-7px;
	top:0;
	width:12px;
	height:22px;
}

.clear{
	clear:both
}

/*list style*/
.admin-panel .overflow .userlist li.even{
	background:#F5FCFD
}
.admin-panel .overflow .userlist li.hover{
	background:#ffffcc
}
.admin-panel .overflow .userlist li.select{
	background:#ffff00
}

.admin-table tbody tr.even{
	background:#EDFBFC	
}
.admin-table tbody tr.hover{
	background:#ffffcc	
}
.admin-table tbody tr.select{
	background:#ffff00	
}
/*editorpanel*/
.admin-editorpanel{
	position:absolute;
	top:160px;
	left:100px;
	border:1px #4E86C4 solid;
	display:block;
	width:300px;
	background:#fff;
	padding:10px;
	display:none
}
/**/
.alert{ padding:5px; display:block; background: #FFF6BF; color: #817134; border: 2px solid #FFD324; margin:5px; font-size:12px;}
/*exam*/
.exam{ background:#F5FCFD}
.exam .header{ background:#073447; padding:3px; display:block; width:100%;}
.exam .examsend{width:106px; height:32px; background:url(send.png) right top; cursor:pointer; position:absolute; right:5px; top:20px;}
.exam .examsend.hover{background:url(send.png) -2px 1px}
.exam .sidebar{ float:left; width:250px; padding:10px;}
.sidebar .panel{width:260px;  margin-bottom:15px;}
.sidebar .panel h2{ background:url(exam-panel-title.png); border:1px solid #6D6D6D; padding:6px; color:#fff; font-size:14px; display:block}
.sidebar .panel .body{background:#fff; border:1px solid #6D6D6D; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden; width:100%;}
.sidebar .panel .body ul li{ display:block; padding:6px; color:#1C6280; line-height:180%;}
.sidebar .panel .body ul li strong{ color:#FF0000}
.sidebar .panel .body table{border-bottom:1px solid #AAAAAA}
.sidebar .panel .body table tbody .hover{background:#FFFF00}
.sidebar .panel .body table tbody td{text-align:center;width:22px; height:25px; border-right:1px solid #AAAAAA; border-top:1px solid #AAAAAA; color:#073447; cursor:pointer}
.sidebar .panel .body table tbody td.old{ background:#457AB0; color:#fff;}
.sidebar .panel .body table tbody td.this{ background:#CD0000; color:#fff;}
.sidebar .panel .body table tbody td.last{border-right:0}
.exam .content{background:#F5FCFD; margin-left:250px; height:100%; text-align:center}
.exam .subPanel{ width:672px; margin:20px auto; text-align:left; position:relative}
.exam .subPanel h1{ background:url(exam-subpanel-title.png); padding:5px; position:relative; font:30px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:50px;}
.exam .subPanel h1 .answer{ font-size:16px; position:absolute; right:20px; top:15px; color:#FF0000}
.exam .subPanel h1 b{font-family:"黑体","微软雅黑", "宋体"; font-size:25px; font-weight:100;}
.exam .subPanel h1 span{ position:absolute; background:url(exam-subpanel-title.png); display:block; width:10px; background-position:right top; padding:5px; right:0; top:0; }
.exam .subPanel h1 strong{font-weight:100; color:#666;font-size:20px;}
.exam .subPanel .overflow{border:5px solid #BDD2EF; background:#fff; padding:10px; font-family:"宋体"; font-size:20px; line-height:200%;}
.exam .subPanel  .subBar{ text-align:right; padding:10px;}
.exam .subPanel .overflow .subBar span{border:0; width:48px; height:48px; background:url(sub-button.png); cursor:pointer;margin:0 10px;}
.exam .subPanel .overflow .subBar span.exam1{ background-position:left top;}
.exam .subPanel .overflow .subBar span.exam2{ background-position:-48px top;}
.exam .subPanel .overflow .subBar span.examA{ background-position:-96px top;}
.exam .subPanel .overflow .subBar span.examB{ background-position:-144px top;}
.exam .subPanel .overflow .subBar span.examC{ background-position:-192px top;}
.exam .subPanel .overflow .subBar span.hover{ background-position-y:-49px;}
.exam .subPanel .subNav{ padding:15px; position:relative; text-align:center}
.exam .subPanel .subNav input{ width:119px; height:31px; background:url(sub-nav-pr.png); border:0; cursor:pointer; padding:10px;}
.exam .subPanel .subNav input.pr{ background-position:left top; float:left}
.exam .subPanel .subNav input.ne{ background-position:right top; float:right}
.exam .subPanel .subNav .re{background:url(re.png);width:119px; height:21px;border:0; cursor:pointer; padding:6px; display:block}
.exam .subPanel .subNav .sa{background:url(save.png);width:119px; height:31px;border:0; cursor:pointer; padding:6px; display:block; float:right}

.error{padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;background: #FBE3E4; color: #D12F19; border-color: #FBC2C4;width:40%; margin:40px auto; font-size:12px;}

/*window*/
#admin-mask{ position:absolute; background:#000;
	filter:alpha(opacity=50);       /* IE */ 
	-moz-opacity:0.5;              /* Moz + FF */ 
	opacity: 0.5;           /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:999;
	display:none;
	
}
#admin-window{ border:1px solid #000; background:#C3D9FF; padding:5px;width:375px; z-index:1000; display:none; width:100%}
#admin-window h1{ background:#E0EDFE; padding:5px; font-size:14px;}
#admin-window h1 span{ float:right; cursor:pointer}
#admin-window #admin-window-content{ background:#fff; padding:10px;}

.notice{ padding:5px; background:url(error.gif) #FFFBE4 no-repeat 5px 4px; border:1px solid #DFDFDF; padding-left:25px;}
#pop{ padding:5px; background:#fffbe4; width:100px; border:1px solid #FF6600; font-family:Verdana, Arial, Helvetica, sans-serif12; position:absolute; top:15px;}

.rightmenu{ position:absolute; display:block; top:0; background:#ccc;border-left:1px solid #ccc; display:none; width:100px;}
.rightmenucontent{display:block; top:0; background:#EDFBFC; border:1px solid #083A4F;  padding:5px;width:100px;top:-2px; position:relative; left:-2px;}
.rightmenu a{ display:block; padding:5px; color:#000; text-decoration:none}
.rightmenu a img{ margin-bottom:-2px; margin-right:3px;}
.rightmenu a:hover{ background:#083A4F; color:#fff;}

/*exam*/
.exam #loading{ display:none; margin:0 auto; position:absolute; right:0px; background:#A20000; top:0; color:#fff; font-size:12px; padding:4px;}
.exam #mask{ background:#000; height:100%; width:100%; position:absolute;z-index:999;
filter:alpha(opacity=70);       /* IE */ -moz-opacity:0.7;              /* Moz + FF */ opacity: 0.7;           /* 支持CSS3的浏览器（FF 1.5也支持）*/ ; display:none}
.exam #notice{ text-align:center; position:absolute; width:100%; z-index:9999999;  top:-100; display:none}
.exam #notice .box{ display:block; width:850px; padding:10px; background:#A20000; font-weight:bold; padding:10px;}
.exam #notice .box .inner{ border:1px solid #676767; padding:20px 5px; padding-bottom:30px;font-size:55px; background:#fff; line-height:180%}
.exam #notice .box .inner img{ margin-bottom:-64px; margin-right:10px;} 
.exam #notice a{}
.exam #notice #noticeBox{ padding-top:10px;}
.exam #notice a:hover{ text-decoration:none}
.exam #Customconfirm{z-index:9999999;background:#fff; border:3px solid #A20000;}
.exam #Customconfirm h1{ margin:0; padding:5px; font-size:16px; background:#A20000; color:#fff; font-weight:bold; font-size:50px;}
.exam #Customconfirm div{ padding:15px 100px ; text-align:center;}
.exam #Customconfirm div input{ padding:5px 8px; text-align:center; font-size:16px; margin-right:10px; font-weight:bold}
